<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>销售流程管控考核</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 30px; background: #f8f8f8; }
        h1 { color: #2c3e50; }
        .question { background: #fff; padding: 18px; margin-bottom: 18px; border-radius: 8px; box-shadow: 0 2px 8px #eee; }
        .options { margin-top: 10px; }
        .options label { display: block; margin-bottom: 6px; }
        .submit-btn { background: #3498db; color: #fff; border: none; padding: 12px 28px; border-radius: 6px; font-size: 18px; cursor: pointer; }
        .result { margin-top: 30px; font-size: 22px; font-weight: bold; color: #27ae60; }
    </style>
</head>
<body>
    <h1>销售流程管控考核</h1>
    <form id="quizForm">
        <!-- 题目区域 -->
        <div class="question">
            <div>1. 客户主动询盘时，销售人员应如何处理？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q1" value="1"> 认真回复并及时跟进</label>
                <label><input type="radio" name="q1" value="0"> 只回复重要客户</label>
                <label><input type="radio" name="q1" value="0"> 等客户再次联系再回复</label>
            </div>
        </div>
        <div class="question">
            <div>2. 使用DFAC工具解读客户期望后，第一步应做什么？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q2" value="1"> 自我提问并确认分析</label>
                <label><input type="radio" name="q2" value="0"> 直接报价</label>
                <label><input type="radio" name="q2" value="0"> 忽略分析</label>
            </div>
        </div>
        <div class="question">
            <div>3. 关于客户资料管理，以下说法正确的是？（多选）</div>
            <div class="options">
                <label><input type="checkbox" name="q3" value="1"> 重点客户需单独建联系表</label>
                <label><input type="checkbox" name="q3" value="1"> 资料越详细越好</label>
                <label><input type="checkbox" name="q3" value="0"> 只需记录姓名即可</label>
            </div>
        </div>
        <div class="question">
            <div>4. 关于主动营销，以下哪项是正确的？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q4" value="1"> 设定目标并定期完成</label>
                <label><input type="radio" name="q4" value="0"> 随意进行</label>
                <label><input type="radio" name="q4" value="0"> 只依赖被动询盘</label>
            </div>
        </div>
        <div class="question">
            <div>5. SPIN、QRAS、PSPA属于什么？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q5" value="1"> 提问法则</label>
                <label><input type="radio" name="q5" value="0"> 报价模板</label>
                <label><input type="radio" name="q5" value="0"> 客户分级方法</label>
            </div>
        </div>
        <div class="question">
            <div>6. DFCI模型主要用于？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q6" value="1"> 认同夸赞客户</label>
                <label><input type="radio" name="q6" value="0"> 价格谈判</label>
                <label><input type="radio" name="q6" value="0"> 订单交付</label>
            </div>
        </div>
        <div class="question">
            <div>7. CCSA背景调查包括哪些内容？（多选）</div>
            <div class="options">
                <label><input type="checkbox" name="q7" value="1"> 客户销售渠道</label>
                <label><input type="checkbox" name="q7" value="1"> 客户类型</label>
                <label><input type="checkbox" name="q7" value="1"> 潜在客户</label>
                <label><input type="checkbox" name="q7" value="0"> 只看公司官网</label>
            </div>
        </div>
        <div class="question">
            <div>8. 关于报价，以下说法正确的是？（多选）</div>
            <div class="options">
                <label><input type="checkbox" name="q8" value="1"> 不要在无参考信息下报价</label>
                <label><input type="checkbox" name="q8" value="1"> 结合七大体系预设问题</label>
                <label><input type="checkbox" name="q8" value="0"> 只需给出价格即可</label>
            </div>
        </div>
        <div class="question">
            <div>9. 销售素材应如何管理？（多选）</div>
            <div class="options">
                <label><input type="checkbox" name="q9" value="1"> 分类储存，随时备份</label>
                <label><input type="checkbox" name="q9" value="1"> 主动搜集并共享</label>
                <label><input type="checkbox" name="q9" value="0"> 只需保存产品图片</label>
            </div>
        </div>
        <div class="question">
            <div>10. 邮件内容应注意哪些？（多选）</div>
            <div class="options">
                <label><input type="checkbox" name="q10" value="1"> 书写工整</label>
                <label><input type="checkbox" name="q10" value="1"> 分清段落</label>
                <label><input type="checkbox" name="q10" value="1"> 突出重点</label>
                <label><input type="checkbox" name="q10" value="0"> 只需简单回复</label>
            </div>
        </div>
        <div class="question">
            <div>11. 关于寄样流程，以下说法正确的是？（多选）</div>
            <div class="options">
                <label><input type="checkbox" name="q11" value="1"> 寄样需在报价后进行</label>
                <label><input type="checkbox" name="q11" value="1"> 寄样前需深入沟通</label>
                <label><input type="checkbox" name="q11" value="1"> 寄样后需持续价值输出</label>
                <label><input type="checkbox" name="q11" value="0"> 只需直接寄样</label>
            </div>
        </div>
        <div class="question">
            <div>12. 客户的期望、需求、动机三者的关系是？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q12" value="1"> 期望是要求，需求是背后原因，动机多为私人层面</label>
                <label><input type="radio" name="q12" value="0"> 三者完全相同</label>
                <label><input type="radio" name="q12" value="0"> 只有期望重要</label>
            </div>
        </div>
        <div class="question">
            <div>13. 客户异议处理应使用什么模型？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q13" value="1"> ABFSC模型</label>
                <label><input type="radio" name="q13" value="0"> DFCI模型</label>
                <label><input type="radio" name="q13" value="0"> ANA模型</label>
            </div>
        </div>
        <div class="question">
            <div>14. 关于订单交付进度汇报，以下说法正确的是？（多选）</div>
            <div class="options">
                <label><input type="checkbox" name="q14" value="1"> 主动汇报各节点进度</label>
                <label><input type="checkbox" name="q14" value="1"> 给客户安全感</label>
                <label><input type="checkbox" name="q14" value="0"> 只在客户询问时汇报</label>
            </div>
        </div>
        <div class="question">
            <div>15. 危机公关处理的正确顺序是？（多选）</div>
            <div class="options">
                <label><input type="checkbox" name="q15" value="1"> 承担责任</label>
                <label><input type="checkbox" name="q15" value="1"> 真诚沟通</label>
                <label><input type="checkbox" name="q15" value="1"> 提供解决方案</label>
                <label><input type="checkbox" name="q15" value="1"> 阐述原因</label>
                <label><input type="checkbox" name="q15" value="1"> 提升方案</label>
            </div>
        </div>
        <div class="question">
            <div>16. 客户分级的主要目的是？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q16" value="1"> 便于主动维护和开发</label>
                <label><input type="radio" name="q16" value="0"> 只为统计数量</label>
                <label><input type="radio" name="q16" value="0"> 没有实际意义</label>
            </div>
        </div>
        <div class="question">
            <div>17. 客户画像的作用是？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q17" value="1"> 形成行业画像，便于分析</label>
                <label><input type="radio" name="q17" value="0"> 只为记录客户姓名</label>
                <label><input type="radio" name="q17" value="0"> 没有作用</label>
            </div>
        </div>
        <div class="question">
            <div>18. 述职报告的主要目的是？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q18" value="1"> 主动获取客户反馈</label>
                <label><input type="radio" name="q18" value="0"> 只为完成任务</label>
                <label><input type="radio" name="q18" value="0"> 没有实际意义</label>
            </div>
        </div>
        <div class="question">
            <div>19. 外贸人应具备哪些素质？（多选）</div>
            <div class="options">
                <label><input type="checkbox" name="q19" value="1"> 专业</label>
                <label><input type="checkbox" name="q19" value="1"> 商业有温度</label>
                <label><input type="checkbox" name="q19" value="1"> 敏锐度</label>
                <label><input type="checkbox" name="q19" value="1"> 好奇心</label>
                <label><input type="checkbox" name="q19" value="1"> 不断学习</label>
            </div>
        </div>
        <div class="question">
            <div>20. 复盘在销售流程中的作用是？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q20" value="1"> 发现问题，提升效率</label>
                <label><input type="radio" name="q20" value="0"> 只是例行公事</label>
                <label><input type="radio" name="q20" value="0"> 没有必要</label>
            </div>
        </div>
        <div class="question">
            <div>21. DFAC工具在销售流程中主要用于？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q21" value="1"> 解读客户期望</label>
                <label><input type="radio" name="q21" value="0"> 处理客户异议</label>
                <label><input type="radio" name="q21" value="0"> 归类销售素材</label>
            </div>
        </div>
        <div class="question">
            <div>22. DFCI模型的正确应用场景是？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q22" value="1"> 认同和夸赞客户</label>
                <label><input type="radio" name="q22" value="0"> 价格谈判</label>
                <label><input type="radio" name="q22" value="0"> 订单交付</label>
            </div>
        </div>
        <div class="question">
            <div>23. SPIN提问法主要用于？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q23" value="1"> 挖掘客户需求</label>
                <label><input type="radio" name="q23" value="0"> 归档客户资料</label>
                <label><input type="radio" name="q23" value="0"> 订单交付</label>
            </div>
        </div>
        <div class="question">
            <div>24. QRAS提问法的核心作用是？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q24" value="1"> 高效获取关键信息</label>
                <label><input type="radio" name="q24" value="0"> 处理客户投诉</label>
                <label><input type="radio" name="q24" value="0"> 汇报订单进度</label>
            </div>
        </div>
        <div class="question">
            <div>25. PSPA提问法适合用于？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q25" value="1"> 有章法地提问客户</label>
                <label><input type="radio" name="q25" value="0"> 归类销售素材</label>
                <label><input type="radio" name="q25" value="0"> 订单交付</label>
            </div>
        </div>
        <div class="question">
            <div>26. CCSA背景调查不仅包括网络搜索，还可以？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q26" value="1"> 直接向客户发问</label>
                <label><input type="radio" name="q26" value="0"> 只依赖谷歌</label>
                <label><input type="radio" name="q26" value="0"> 只看公司官网</label>
            </div>
        </div>
        <div class="question">
            <div>27. PU模型在销售流程中主要用于？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q27" value="1"> 预设问题，挖掘需求</label>
                <label><input type="radio" name="q27" value="0"> 处理客户异议</label>
                <label><input type="radio" name="q27" value="0"> 汇报订单进度</label>
            </div>
        </div>
        <div class="question">
            <div>28. ANA模型的应用场景是？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q28" value="1"> 做整体方案输出</label>
                <label><input type="radio" name="q28" value="0"> 归类销售素材</label>
                <label><input type="radio" name="q28" value="0"> 订单交付</label>
            </div>
        </div>
        <div class="question">
            <div>29. VBEF表达模型的核心价值是？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q29" value="1"> 让表达有价值</label>
                <label><input type="radio" name="q29" value="0"> 归档客户资料</label>
                <label><input type="radio" name="q29" value="0"> 订单交付</label>
            </div>
        </div>
        <div class="question">
            <div>30. SAOS模型主要用于？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q30" value="1"> 掌控谈判节奏和销售逻辑</label>
                <label><input type="radio" name="q30" value="0"> 归类销售素材</label>
                <label><input type="radio" name="q30" value="0"> 订单交付</label>
            </div>
        </div>
        <div class="question">
            <div>31. ABFSC模型在销售流程中用于？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q31" value="1"> 处理客户异议</label>
                <label><input type="radio" name="q31" value="0"> 归类销售素材</label>
                <label><input type="radio" name="q31" value="0"> 订单交付</label>
            </div>
        </div>
        <div class="question">
            <div>32. SHE模型的应用场景是？（单选）</div>
            <div class="options">
                <label><input type="radio" name="q32" value="1"> 分析客户痛点并给出解决方案</label>
                <label><input type="radio" name="q32" value="0"> 归类销售素材</label>
                <label><input type="radio" name="q32" value="0"> 订单交付</label>
            </div>
        </div>
        <div class="question">
            <div>33. 瀑布流报价单的优势是？（多选）</div>
            <div class="options">
                <label><input type="checkbox" name="q33" value="1"> 信息详尽</label>
                <label><input type="checkbox" name="q33" value="1"> 便于客户下载和转发</label>
                <label><input type="checkbox" name="q33" value="1"> 一次性给出完整内容</label>
                <label><input type="checkbox" name="q33" value="0"> 只需写价格</label>
            </div>
        </div>
        <button type="button" class="submit-btn" onclick="calculateScore()">提交答卷</button>
    </form>
    <div class="result" id="result"></div>
    <script>
        // 正确答案配置
        const correctAnswers = {
            q1: ['1'],
            q2: ['1'],
            q3: ['1','1'], // 2个正确
            q4: ['1'],
            q5: ['1'],
            q6: ['1'],
            q7: ['1','1','1'], // 3个正确
            q8: ['1','1'],
            q9: ['1','1'],
            q10: ['1','1','1'],
            q11: ['1','1','1'],
            q12: ['1'],
            q13: ['1'],
            q14: ['1','1'],
            q15: ['1','1','1','1','1'],
            q16: ['1'],
            q17: ['1'],
            q18: ['1'],
            q19: ['1','1','1','1','1'],
            q20: ['1'],
            q21: ['1'],
            q22: ['1'],
            q23: ['1'],
            q24: ['1'],
            q25: ['1'],
            q26: ['1'],
            q27: ['1'],
            q28: ['1'],
            q29: ['1'],
            q30: ['1'],
            q31: ['1'],
            q32: ['1'],
            q33: ['1','1','1'],
        };
        function calculateScore() {
            let total = 33;
            let score = 0;
            for (let i = 1; i <= total; i++) {
                let qname = 'q' + i;
                let correct = correctAnswers[qname];
                let inputs = document.querySelectorAll(`[name='${qname}']`);
                let userAns = [];
                inputs.forEach(input => {
                    if (input.checked) userAns.push(input.value);
                });
                if (!correct) continue; // 跳过未定义答案的题
                if (inputs[0].type === 'radio') {
                    if (userAns.length === 1 && userAns[0] === correct[0]) score++;
                } else {
                    if (userAns.length === correct.length && userAns.every((v, idx) => correct[idx] === v)) score++;
                }
            }
            let percent = Math.round((score / total) * 100);
            document.getElementById('result').innerHTML = `得分：${score} / ${total}（${percent}%）`;
        }
    </script>
</body>
</html>
